@charset "UTF-8";
/**
使用方法
@include keyframes(anMeinv,(
    0%:(
        background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),
        background-size: pxToRem(165) pxToRem(157)
    ),
    50%:(
        background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),
        background-size: pxToRem(265) pxToRem(257)
    ),
    75%:(
        background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),
        background-size: pxToRem(565) pxToRem(657)
    ),
    100%:(
        background: url(i/meinv.png) no-repeat pxToRem(140) pxToRem(11),
        background-size: pxToRem(465) pxToRem(557)
    )
));
@include animation(anMeinv 2s ease-out forwards);

*/
.loading_box {
  height: auto; }
  .loading_box .loading {
    width: 100px;
    height: 100px;
    margin: 50px auto;
    position: relative; }
    .loading_box .loading:before {
      content: "";
      position: absolute;
      display: block;
      border: 5px solid #1c71ff;
      opacity: .9;
      width: 50px;
      height: 50px;
      left: 50%;
      top: 50%;
      margin: -25px 0 0 -25px;
      border-top-color: transparent;
      border-bottom-color: transparent;
      border-radius: 50%;
      -webkit-box-shadow: 0 0 35px #1c71ff;
      -moz-box-shadow: 0 0 35px #1c71ff;
      box-shadow: 0 0 35px #1c71ff;
      -webkit-animation: spin-right 0.5s 0s linear infinite normal;
      -moz-animation: spin-right 0.5s 0s linear infinite normal;
      -ms-animation: spin-right 0.5s 0s linear infinite normal;
      -o-animation: spin-right 0.5s 0s linear infinite normal;
      animation: spin-right 0.5s 0s linear infinite normal; }

@-webkit-keyframes spin-right {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    opacity: 0.2; } }

@-moz-keyframes spin-right {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    opacity: 0.2; } }

@-ms-keyframes spin-right {
  .loading_box .loading:before 0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  .loading_box .loading:before 50% {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 1; }
  .loading_box .loading:before 100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    opacity: 0.2; } }

@-o-keyframes spin-right {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    opacity: 0.2; } }

@keyframes spin-right {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    opacity: 1; }
  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    opacity: 0.2; } }
    .loading_box .loading:after {
      content: "";
      position: absolute;
      display: block;
      width: 30px;
      height: 30px;
      border: 5px solid #1c71ff;
      opacity: .9;
      border-radius: 50%;
      border-left-color: transparent;
      border-bottom-color: transparent;
      -webkit-box-shadow: 0 0 35px #1c71ff;
      -moz-box-shadow: 0 0 35px #1c71ff;
      box-shadow: 0 0 35px #1c71ff;
      left: 50%;
      top: 50%;
      margin: -15px 0 0 -15px;
      -webkit-animation: spin-left 0.5s 0s linear infinite normal;
      -moz-animation: spin-left 0.5s 0s linear infinite normal;
      -ms-animation: spin-left 0.5s 0s linear infinite normal;
      -o-animation: spin-left 0.5s 0s linear infinite normal;
      animation: spin-left 0.5s 0s linear infinite normal; }

@-webkit-keyframes spin-left {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    opacity: 1; }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    opacity: 0.2; } }

@-moz-keyframes spin-left {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    opacity: 1; }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    opacity: 0.2; } }

@-ms-keyframes spin-left {
  .loading_box .loading:after 0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  .loading_box .loading:after 50% {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    opacity: 1; }
  .loading_box .loading:after 100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    opacity: 0.2; } }

@-o-keyframes spin-left {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    opacity: 1; }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    opacity: 0.2; } }

@keyframes spin-left {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 0.2; }
  50% {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    opacity: 1; }
  100% {
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    opacity: 0.2; } }

.no_result {
  text-align: center;
  padding: 30px 0;
  margin: 0 auto;
  line-height: 40px;
  font-size: 16px;
  font-family: "微软雅黑"; }

.loadingBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }
  .loadingBox .loadingbg {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5; }
  .loadingBox .loading {
    position: absolute;
    left: 50%;
    top: 40%;
    z-index: 6;
    margin: 0 0 0 -20px;
    position: relative;
    overflow: hidden; }
